.toast {
	position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
	z-index: ($content-base + 1);
	a {
		color: lighten($link-color, 30%);
		cursor: pointer;
		&:focus,
		&:hover {
			color: lighten($link-color, 15%);
			text-decoration: none;
		}
	}
	.tooltip {
		position: static !important;
	}
	// 768
		@include responsive(sm) {
			margin-right: ($fbtn-height + $grid-gutter * 2);
			// position
				right: auto;
				bottom: $margin-md;
				left: $grid-gutter !important;
		}
}

.toast-inner {
	backface-visibility: hidden;
	background-color: $black-text;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
	color: $white;
	padding: $margin-sm $grid-gutter;
	transform: translate(0, 200%);
	transition: all 0.3s $timing;
	transition-property: transform;
	@include clearfix();
	.toast-show & {
		transform: translate(0, 0);
	}
	// 768
		@include responsive(sm) {
			border-radius: 2px;
			float: left;
		}
	// no transform3d
		.no-csstransforms3d & {
			opacity: 0;
		}
		.no-csstransforms3d .toast-show & {
			opacity: 1;
		}
}

.toast-text {
	overflow: hidden;
}

[data-dismiss="toast"] {
	cursor: pointer;
	float: right;
	font-weight: $font-weight-medium;
	margin-left: $grid-gutter;
	text-transform: uppercase;
}
